// JavaScript Document
$(function(){
  //取浏览器窗口的宽度
  //alert(window.innerWidth);
  //获取浏览器窗口的高度
  //alert(window.innerHeight); 
   
 // 获取窗口宽度 
if (window.innerWidth) 
winWidth = window.innerWidth; 
else if ((document.body) && (document.body.clientWidth)) 
winWidth = document.body.clientWidth; 
// 获取窗口高度 
if (window.innerHeight) 
winHeight = window.innerHeight; 
else if ((document.body) && (document.body.clientHeight)) 
winHeight = document.body.clientHeight; 
// 通过深入 Document 内部对 body 进行检测，获取窗口大小 
if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth) 
{ 
winHeight = document.documentElement.clientHeight; 
winWidth = document.documentElement.clientWidth; 
} 


  var left =(winWidth - 438)/2;
  var top =(winHeight - 215)/2;
  
  $('#login').css('top',top+'px').css('left',left+'px')
  
  // 锁屏 操作
 $('#screen').css('width',winWidth + 'px').css('height',winHeight + 'px');

  //获取浏览器窗口改变大小的事件
   //window.onresize = function(){}; 只能用一次
   window.onresize = function(){
      var left =(winWidth - 438)/2;
      var top =(winHeight - 215)/2;

	  $('#login').css('top',top+'px').css('left',left+'px'); 
	  //下面是 锁屏 幕跟随浏览器窗口大小锁屏，
	  $('#screen').css('width',winWidth + 'px').css('height',winHeight + 'px');
	  
    };
//显示和隐藏窗口
  $('.close').click(function(){
	  $('#login').hide();//同 .css('display','none') 一样的。
	  $('#screen').hide()// 锁屏 隐藏
	  document.documentElement.style.overflow = "auto";
	  });
	  
  $('.login').click(function(){
	  $('#login').show();//同 .css('display','block') 一样的。
	  $('#screen').show();// 锁屏 显示
	  document.documentElement.style.overflow = 'hidden';
	  });
 
 // 模块拖拽  
$(function(){  
var _move=false;//移动标记  
var _x,_y;//鼠标离控件左上角的相对位置  
    $("#login h2").click(function(){  
        //alert("click h2");//点击（松开后触发）  
        }).mousedown(function(e){  
        _move=true;  
        _x=e.pageX-parseInt($("#login").css("left"));  
        _y=e.pageY-parseInt($("#login").css("top"));  
       // $("#login h2,#login div").fadeTo(20, 0.6);//点击后开始拖动并透明显示  
    });  
    $(document).mousemove(function(e){  
        if(_move){  
            var x=e.pageX-_x;//移动时根据鼠标位置计算控件左上角的绝对位置  
            var y=e.pageY-_y;  
            $("#login").css({top:y,left:x});//控件新位置  
        }  
    }).mouseup(function(){  
    _move=false;  
   // $("#login h2,#login div").fadeTo("fast", 1);//松开鼠标后停止移动并恢复成不透明  
  });  
});  


var JPlaceHolder = {
    //检测
    _check : function(){
        return 'placeholder' in document.createElement('input');
    },
    //初始化
    init : function(){
        if(!this._check()){
            this.fix();
        }
    },
    //修复
    fix : function(){
        jQuery(':input[placeholder]').each(function(index, element) {
            var self = $(this), txt = self.attr('placeholder');
            self.wrap($('<div></div>').css({position:'relative', zoom:'1', border:'none', background:'none', padding:'none', margin:'none',display:'inherit'}));
            var pos = self.position(), h = self.outerHeight(true), paddingleft = self.css('padding-left');
            var holder = $('<span></span>').text(txt).css({position:'absolute', left:pos.left, top:'7px', height:h, lienHeight:h, paddingLeft:paddingleft, color:'#aaa'}).appendTo(self.parent());
            self.focusin(function(e) {
                holder.hide();
            }).focusout(function(e) {
                if(!self.val()){
                    holder.show();
                }
            });
            holder.click(function(e) {
                holder.hide();
                self.focus();
            });
        });
    }
};
//执行
jQuery(function(){
    JPlaceHolder.init();    
});
 
 //
});


    